 /* 导航下划线 */
 #line1 {
     display: block;
 }

 /* 轮播图开始 */

 .pageCenter {
     height: 818px;
     margin: 0 auto;
     padding: 0;
     position: relative;
 }

 .pageCenter .banner {
     height: 818px;

     margin: 0 auto;
     position: relative;
     overflow: hidden;
     padding: 0;
     z-index: 1;
 }

 .pageCenter .banner #page-top {
     width: 100%;
     height: 818px;
 }

 .pageCenter .downLoad-Btn {
     width: 279px;
     height: 67px;
     position: absolute;
     bottom: 135px;
     left: 50%;
     margin-left: -140px;
     border-radius: 13px;
     border: 1.5px solid hsla(0, 0%, 100%, .49);
     background: hsla(0, 0%, 100%, .89);
     color: #000;
     font-family: Helvetica;
     font-size: 28px;
     letter-spacing: 1.12px;
     z-index: 2;
     display: flex;
     align-items: center;
     justify-content: space-evenly;
 }

 .pageCenter .downLoad-Btn:hover {
     background: hsla(0, 0%, 100%, .35);
     color: white;
 }

 /* 轮播图结束 */


 /* world开始 */
 div.world {
     height: 520px;
 }

 .world .world-title {
     font-family: Helvetica;
     font-weight: bold;
     font-size: 32px;
     text-align: center;
     padding: 84px 0 60px 0;
 }

 .world .world-list {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     align-items: center;
     margin: 0 40px;
 }

 .world .world-list div {
     width: 300px;
     margin-bottom: 80px;
 }

 .world .world-list .img1 {
     background: url(https://web.luckincdn.com/index/assets/04a33d99e13f0f164e7c228c1a4f6d66.svg) no-repeat 50%/contain;
     width: 62px;
     height: 62px;
     margin: 0 auto;
 }

 .world .world-list .img2 {
     background: url(https://web.luckincdn.com/index/assets/31e1002e05cd2adccb0aebbc5d5a8e92.svg) no-repeat 50%/contain;
     width: 62px;
     height: 62px;
     margin: 0 auto;
 }

 .world .world-list .img3 {
     background: url(https://web.luckincdn.com/index/assets/ecb60867354ee6c794b675cda10d38a0.svg) no-repeat 50%/contain;
     width: 62px;
     height: 62px;
     margin: 0 auto;
 }

 .world .world-list .title {
     font-family: Helvetica;
     font-weight: bold;
     font-size: 15px;
     line-height: 22px;
     text-align: center;
     margin: 30px 0 10px 0;
 }

 .world .world-list .text {
     font-family: Helvetica;
     font-size: 12px;
     line-height: 17px;
     text-align: center;
 }

 /* world结束 */



 /* beans开始 */

 div.beans {
     position: relative;
     background-image: url(../image/icon-page1/red-beans.jpg);
     width: 1440px;
     height: 941px;
     margin: 0 auto;
 }

 .beans .beans-content {
     position: absolute;
     width: 630px;
     left: 162px;
     top: 214px;
     /* z-index: 9; */
 }

 .beans .beans-title {
     color: #fff;
     font-family: Helvetica;
     font-weight: bold;
     font-size: 44px;
 }

 .beans .line {
     width: 82.67px;
     border: 1px solid #fff;
     opacity: .46;
     margin-top: 106px;
 }

 .beans .text {
     opacity: 0.9;
     width: 436px;
     color: #fff;
     font-family: PingFangSC-Medium;
     font-size: 18px;
     line-height: 27px;
     margin-top: 37px;
 }

 /* beans结束 */



 /* wbc开始 */

 div.wbc .wbc-title {
     height: 280px;
 }

 .wbc .wbc-title .title {
     padding-top: 97px;
     font-family: Helvetica;
     font-weight: bold;
     font-size: 32px;
     text-align: center;
 }

 .wbc .wbc-title .line {
     width: 117px;
     border-top: 1px solid #000;
     margin: 26px auto 23px auto;
 }

 .wbc .wbc-title .text {
     font-family: PingFangSC-Medium;
     font-size: 18px;
     letter-spacing: .5px;
     text-align: center;
     line-height: 27px;
 }


 /* banner */

 .wbc .wbc-banner {
     height: 570px;
     width: 1440px;
     margin: 0 auto;
     /* background-color: #000; */
     overflow: hidden;
     display: flex;
     justify-content: center;
 }

 .wbc .wbc-banner div {
     width: 142px;
     height: 570px;
     cursor: pointer;
     transition: .2s ease-in-out;
     /* transition-property: none; */
     position: relative;
 }


 

 .wbc .wbc-banner .img1 {
     background-image: url(../image/icon-page2/wbc-small01.jpg);
     order: 1;
 }

 .wbc .wbc-banner .img1:hover {
     background-image: url(../image/icon-page2/wbc1.jpg);
     width: 872px;
 }

 .wbc .wbc-banner .img1:hover~.img3 {
     background-image: url(../image/icon-page2/wbc-small03.jpg);
     width: 142px;
 }





 .wbc .wbc-banner .img2 {
     background-image: url(../image/icon-page2/wbc-small02.jpg);
     order: 2;
 }

 .wbc .wbc-banner .img2:hover {
     background-image: url(../image/icon-page2/wbc2.jpg);
     width: 872px;
 }

 .wbc .wbc-banner .img2:hover~.img3 {
     background-image: url(../image/icon-page2/wbc-small03.jpg);
     width: 142px;
 }





 /* .wbc .wbc-banner .img3 {
    background-image: url(./image/icon-page2/wbc-small03.jpg);  
} */

 .wbc .wbc-banner .img3 {
     background-image: url(../image/icon-page2/wbc3.jpg);
     order: 3;
     width: 872px;
 }




 .wbc .wbc-banner .img4 {
     background-image: url(../image/icon-page2/wbc-small04.jpg);
     order: 4;
 }

 .wbc .wbc-banner .img4:hover {
     background-image: url(../image/icon-page2/wbc4.jpg);
     width: 872px;
 }

 .wbc .wbc-banner .img4:hover~.img3 {
     background-image: url(../image/icon-page2/wbc-small03.jpg);
     width: 142px;
 }





 .wbc .wbc-banner .img5 {
     background-image: url(../image/icon-page2/wbc-small05.jpg);
     order: 5;
 }

 .wbc .wbc-banner .img5:hover {
     background-image: url(../image/icon-page2/wbc5.jpg);
     width: 872px;
 }

 .wbc .wbc-banner .img5:hover~.img3 {
     background-image: url(../image/icon-page2/wbc-small03.jpg);
     width: 142px;
 }


 /* 还没弄完 */
 /* wbc结束 */



 /* fresh开始 */
 div.fresh {
     background-image: url(../image/icon-page1/fresh.jpg);
     width: 1440px;
     height: 774px;
     margin: 115px auto 0;
     position: relative;
 }

 /* 信息块 */
 .fresh div {
     width: 565px;
     position: absolute;
     top: 113px;
     right: 120px;
     color: #fff;
 }

 .fresh div .package {
     background-image: url(https://web.luckincdn.com/index/assets/14932a4d4ef1222f77e57b10e0a2483e.svg);
     background-repeat: no-repeat;
     width: 55px;
     height: 55px;
     /* border: 1px solid red; */
 }

 .fresh div .title {
     margin-top: 18px;
     font-family: Helvetica;
     font-weight: bold;
     font-size: 44px;
 }

 .fresh div .line {
     width: 82.67px;
     border-top: 1px solid #fff;
     opacity: .8;
     margin: 50px 0 38px;
 }

 .fresh div .text {
     opacity: .9;
     font-family: PingFangSC-Medium;
     font-size: 18px;
     line-height: 27px;
     text-align: justify;
     letter-spacing: .2px;
 }

 /* fresh结束 */




 /* lifeStyle开始 */
 div.lifeStyle {
     width: 1440px;
     height: 836px;
     margin: 116px auto 0;
     position: relative;
     background-image: url(../image/icon-page1/lifeStyle.jpg);
     background-repeat: no-repeat;
 }

 .lifeStyle div {
     width: 853px;
     position: absolute;
     top: 426px;
     right: 0;
 }

 .lifeStyle div p {
     color: white;
     font-size: 41px;
     font-family: Helvetica;
     font-weight: bold;
     padding: 0 5px;
 }

 .lifeStyle div .text {
     margin-top: 55px;
 }

 /* lifeStyle结束 */




 /* stores开始 */
 div.stores {
     width: 1440px;
     height: 871px;
     position: relative;
     margin: 0 auto;
 }

 /* title文字 */
 .stores .store-title {
     height: 264px;
     box-sizing: border-box;
 }

 .stores .store-title .title {
     text-align: center;
     font-size: 32px;
     font-family: Helvetica;
     font-weight: bold;
     padding-top: 100px;
 }

 .stores .store-title .line {
     width: 117px;
     border-top: 1px solid #000;
     margin: 26px auto;
 }

 .stores .store-title .text {
     text-align: center;
     font-size: 18px;
     font-family: PingFangSC-Medium;
     letter-spacing: .1px;
 }

 /* stores轮播图 */
 .stores .container {
     width: 1012.55px;
     height: 508px;
     margin: 0 auto;
 }